<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>待遇审批表</title>

    <!--引入本地 element-ui 的样式，-->
    <link rel="stylesheet" href="/admin/plugin/element-ui/index.css">
    <script type="text/javascript" src="/admin/js-css/js/vue.min.js"></script>
    <script type="text/javascript" src="/admin/plugin/element-ui/index.js"></script>

    <!--    引入Layui组件-->
    <script src="/admin/plugin/layui/dist/layui.js" charset="utf-8"></script>

    <script type="text/javascript" src="/admin/js-css/js/jquery-1.7.2.min.js"></script>
    <script type="text/javascript" src="/admin/js-css/js/mx1.0.js?v=1.1.1"></script>
    <script type="text/javascript" src="/admin/js-css/js/jQuery.print.js?v=1.1"></script>


    <style>
        table tr td
        {border:1px solid black;}

        body{
            font-weight: normal;
        }

        .fontclass{
            font-size: 10px;
        }

        .table_border tr td{
            border:none;
        }

        .fontbold{
            font-weight: bold;
            font-size: 14px;
            height: 50px;
        }

        .div_fenguan{
            width: 100%;
            text-align: left;
            padding: 0 10px;
            height: 100%;
            line-height: 35px;
        }
    </style>

</head>
<body>

    <div id="app">

        <template>
            <div>

                <div id="printMe" style="padding: 2px 20px;zoom: 90%;">
                    <!-- table模块 -->
                    <table
                            border="1"
                            cellpadding="8"
                            style="border-collapse: collapse; width: 100%; font-size: 14px"
                    >
                        <caption>
                            <p style="font-size: 20px;font-weight: bold;"  >离退休人员生活补贴待遇审批表</p>
                            <p style="text-align: left;font-weight: bold;">
                                填报单位：玉门油田分公司（有偿解除劳动合同人员）
                            </p>
                        </caption>
                        <tr class="fontclass" >
                            <td align="center"  class="fontbold" style="width: 100px;" >姓名</td>
                            <td align="center"  >{{form.xm}}</td>
                            <td align="center" class="fontbold"  >出生日期</td>
                            <td align="center" >{{form.csrq_str}}</td>
                            <td align="center" class="fontbold"  >参加工作时间</td>
                            <td align="center" >{{form.cjgzrq_str}}</td>
                        </tr>
                        <tr class="fontclass" >
                            <td align="center"  class="fontbold"  >性别</td>
                            <td align="center"  >{{form.xb}}</td>
                            <td align="center" class="fontbold"  >民族</td>
                            <td align="center" >{{form.mz}}</td>
                            <td align="center" class="fontbold"  >身份证号码</td>
                            <td align="center" >{{form.jmsfzhm}}</td>
                        </tr>
                        <tr class="fontclass" >
                            <td align="center"  class="fontbold"  >人员类别</td>
                            <td align="center"  >B–退休</td>
                            <td align="center" class="fontbold"  >离退休时间</td>
                            <td align="center" >{{form.txrq_str}}</td>
                            <td align="center"  class="fontbold" >人员编码</td>
                            <td align="center" >{{form.grbh}}</td>
                        </tr>
                        <tr class="fontclass" >
                            <td align="center"  class="fontbold"  >职务</td>
                            <td align="center"  >{{form.lszwprqk}}</td>
                            <td align="center" class="fontbold"  >职称<div style="font-weight: normal;">（技术等级）</div></td>
                            <td align="center" >{{form.lszyzwrzzg}}</td>
                            <td align="center" class="fontbold"  >缴费年限<div style="font-weight: normal;" >(含视同缴费年限)</div></td>
                            <td align="center" ></td>
                        </tr>
                        <tr class="fontclass" >
                            <td align="center" class="fontbold"   >基本养老<br/>金发放起<br/>始时间</td>
                            <td align="center"  >{{form.jbyljqsffsj_str}}</td>
                            <td align="center"  class="fontbold" >增册时间</td>
                            <td align="center" >{{form.zcsj_str}}</td>
                            <td align="center" class="fontbold"  >补发月数</td>
                            <td align="center" >{{form.bfys}}</td>
                        </tr>
                        <tr class="fontclass" >
                            <td align="center"  class="fontbold"  >原工作单位</td>
                            <td align="center" colspan="5" style="text-align: left" >{{form.jcgxqdwmc}}</td>
                        </tr>
                        <tr class="fontclass" >
                            <td align="center"  class="fontbold"  >居住地址</td>
                            <td align="center" colspan="5" style="text-align: left" >{{form.lxdz}}</td>
                        </tr>
                        <tr class="fontclass" >
                            <td align="center"  class="fontbold"  >邮政编码</td>
                            <td align="center"  ></td>
                            <td align="center" class="fontbold"  >联系人</td>
                            <td align="center" >{{form.xm}}</td>
                            <td align="center" class="fontbold"  >联系电话</td>
                            <td align="center" >{{form.lxdh}}</td>
                        </tr>


                        <tr class="fontclass fontbold" >
                            <td align="center"  style="height: 250px;text-align: center;position:relative;"  >有偿解除<br/>劳动合同<br/>部门意见</td>
                            <td align="center"  colspan="5" style="height: 150px;text-align: left;vertical-align: top;" >
                                <div style="height: 100px;" >
                                    <p style="margin-left: 25px;">经审核，本人退休时为{{form.ygzz}}岗位，生活补贴标准为{{form.ffbz}}元/月，从{{form.ny}}开始<br/></p>
                                    <div>发放。</div>
                                </div>

                                <div style="height: 60px;padding-left: 80%;font-weight: normal;">（盖章）</div>
                                <div style="margin-top: 40px;padding-left: 20px;">
                                    <div style="display: inline-block;width: 33%;">经办人：</div>
                                    <div style="display: inline-block;width: 33%;">负责人： </div>
                                    <div style="font-weight: normal;display: inline-block;">{{form.ny}}</div>
                                </div>
                            </td>
                        </tr>


                        <tr class="fontclass fontbold" >
                            <td align="center"  style="height: 250px;text-align: center;position:relative;"  >财务<br/>部门<br/>意见</td>
                            <td align="center"  colspan="5" style="height: 150px;text-align: left;vertical-align: top;" >
                                <div style="height: 100px;" ><p>&nbsp;&nbsp;同意支付该退休人员生活补贴。</p></div>
                                <div style="height: 60px;padding-left: 70%;font-weight: normal;">（财务部门盖章）</div>
                                <div style="margin-top: 40px;padding-left: 20px;">
                                    <div style="display: inline-block;width: 33%;">经办人：</div>
                                    <div style="display: inline-block;width: 33%;">负责人： </div>
                                    <div style="font-weight: normal;display: inline-block;">{{form.ny}}</div>
                                </div>
                            </td>
                        </tr>

                    </table>

                </div>
            </div>
        </template>
    </div>

    <script>

        var vm = new Vue({
           el:"#app",
           data:{
               form:{},
               formData:{start:"",end:""},
               parmsData:{},
           },
           created(){
               this.parmsData = getParams();
               this.getData();
           },
            methods: {
                toPrint(){
                    $("#printMe").print();
                },
                //   获取表格数据
                async getData() {
                    load();
                    const res = await postWebCustom(getTableId("2541"),{id:""+this.parmsData.id});
                    layer.closeAll();
                    if(res.code == 0){
                        top.alert(res.msg);
                        return;
                    }
                    this.form = res.data;
                },

            },
        });
    </script>
</body>
</html>